<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/general.css"/>
		<style type="text/css">
			
			
			.mdiv{
				display: flex;
				justify-content: flex-start;
				align-items: flex-start;
				flex-wrap: wrap;
				width: 100%;
			}
			.mdiv>div{
				width: 33.3%;
				padding: 5%;
				display: flex;
				justify-content: center;
				align-items: center;
				flex-direction: column;
			}
			.mdiv>div>div{
				white-space: nowrap;
				font-size: 0.9em;
			}
			.brb{
				border-right:1px solid #C0C0C0;
				border-bottom:1px solid #C0C0C0;
			}
			.bb{
				border-bottom:1px solid #C0C0C0;
			}
			.main{
				background-color: white;
			}
			.mimg{
				width: 30px;
				height: 30px;	
				margin: 0.4em;			
			}
			.mimg>img{
				width: 100%;
				height: 100%;
			}
			*{
				font-family: "微软雅黑";
				color: #2f2f2f;
				font-size: 0.95em;
			}
			
			
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav hbg">
		    <h1 class="mui-title">库存管理</h1>
		</header>
		<div class="mui-content">
		     <div class="main">
		    	<div class="mdiv">
		    		
		    	<div class="" id="goinout1" ><div class="mimg">
		    	<img src="img/jhrk.png"/>
		    	</div><div id="">进货入库</div></div>
		    	
		    	<div class="" id="goinout2"><div class="mimg">
		    	<img src="img/spck.png"/>
		    	</div><div id="">商品出库</div></div>
		    	
		    	<div class="" id="gostock_taking" ><div class="mimg">
		    	<img src="img/kcpd.png"/>
		    	</div><div id="">库存盘点</div></div>
		    	
		    	<div class="" id="goinout3" ><div class="mimg">
		    	<img src="img/spdb.png"/>
		    	</div><div id="">商品调拨</div></div>
		    	
		    	<div class="" id="goinventory2" ><div class="mimg">
		    	<img src="img/kccx.png"/>
		    	</div><div id="">库存查询</div></div>
		    	
		    	<div class="" id="godocuments" ><div class="mimg">
		    	<img src="img/kcdj.png"/>
		    	</div><div id="">库存单据</div></div>
		    	
		    </div>
		    </div>
		</div>
		
		<script src="../js/mui.min.js"></script>
		<script src="../js/req.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			window.onload = function(){
				mui.init();
				
				
				g("goinout1").addEventListener("tap",function(){
					goinout(1);
				})
				g("goinout2").addEventListener("tap",function(){
					goinout(2);
				})
				g("gostock_taking").addEventListener("tap",function(){
					gostock_taking();
				})
				g("goinout3").addEventListener("tap",function(){
					goinout(3);
				})
				g("goinventory2").addEventListener("tap",function(){
					goinventory(2);
				})
				g("godocuments").addEventListener("tap",function(){
					godocuments();
				})
				
				
			}
			function goinout(type){
				mui.openWindow({
				    url: 'inbound-outbound.html?type='+type, 
				    id: 'inbound-outbound',
				    extras:{type:type}
				 });
				
			}
			
			function gostock_taking(){
				mui.openWindow({
				    url: 'stock-taking.html', 
				    id: 'stock-taking',
				 });
				
			}
			
			function goinventory(type){
				mui.openWindow({
				    url: 'inventory-query.html?type='+type, 
				    id: 'inventory-query',
				    extras:{type:type}
				 });
				
			}
			
			
			function godocuments(){
				mui.openWindow({
				    url: 'inventory-documents.html',
				    id: 'inventory-documents'
				 });
			}

		</script>
	</body>

</html>